<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"-->
<head>
<meta http-equiv="expires" content="0">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>DHTML JavaScript Tooltips</title>
<link rel="stylesheet" type="text/css" href="../newwalterzorn.css">
<style type="text/css">
<!--
.tt {
  font-size:12px;
}

.sample {
  border: 1px solid #000099;
  background: #eeeeee;
  padding: 3px;
 }

#T2tDirect {
  border:2px solid red;
  background:yellow;
  padding:3px;
}
-->
</style>
<script type="text/javascript">
<!--
function MyTip(arg)
{
    switch(arg)
    {
    case "browser":
        return Tip("Gecko-Browsers (Firefox, Mozilla, Netscape 6+)<br>Konqueror<br>IE 5+<br>Opera 7+<br>Safari<br>and all W3C-DOM-conformant browsers", TITLE, "Supported Browsers", ABOVE, true, SHADOW, true, JUMPHORZ, true);
    case "docu":
        return Tip("Read how simple it is to use the script. However, if you like to, you have also advanced possibilities to configure tooltips, either globally by setting the config variables in the script to the desired values, or individually through commands.", WIDTH, 300, SHADOW, true, ABOVE, true, JUMPHORZ, true);
    case "download":
        return Tip("Go to the paragraph where you can<br>download wz_tooltip.js as ZIP file", SHADOW, true, JUMPHORZ, true);
    case "extensions":
        return TagToTip('T2TExtensions', BALLOON, true, ABOVE, true, JUMPHORZ, true, OFFSETX, -17);
    case "features":
        return Tip("Short summary of features and capabilities", SHADOW, true, ABOVE, true, JUMPHORZ, true);
    case "home":
        return Tip("Go to the startpage of walterzorn.com", SHADOW, true);
    }
}

function FixCalcXY(el)
{
    if(typeof(el.offsetParent) == "undefined")
        return [70, 4000];
	var a = new Array(0, -70);
	while(el)
	{
		a[0] += el.offsetLeft || 0;
		a[1] += el.offsetTop || 0;
		el = el.offsetParent || null;
	}
	return a;
}
//-->
</script>
</head>
<body bgcolor="#ffffff">
<script type="text/javascript" src="wz_tooltip.js"></script>
<script type="text/javascript" src="tip_balloon.js"></script>
<script type="text/javascript" src="tip_drag.js"></script>
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
<img src="kreuzot_ss.jpg" align="left" alt="Image with a JavaScript tooltip (That's me on a quick 200km trip with my homebuilt carbon lowracer)" title="Image with a JavaScript tooltip (That's me on a quick 200km trip with my homebuilt carbon lowracer)" width="200" height="105" vspace="8" hspace="8" onmouseover="Tip('Tooltip applied to an IMG tag, and animated using the FADEIN and FADEOUT commands. (That\'s me on a quick 200km trip with my homebuilt carbon lowracer.)', WIDTH, 300, FADEIN, 500, FADEOUT, 500)" onmouseout="UnTip()">
<img src="kreuzot_ss.jpg" onmouseover="Tip('Tooltip applied to an IMG tag, and animated using the FADEIN and FADEOUT commands. (That\'s me on a quick 200km trip with my homebuilt carbon lowracer.)', WIDTH, 300, FADEIN, 500, FADEOUT, 500)" onmouseout="UnTip()">

</body>
</html>